<!doctype html>
<html lang="en">

<head>
    <title>湖南省主要珍稀植物管理信息系统</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="css/common.css">
    <meta charset="utf-8">
    <title>植物</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style>
        .banner {
            background: url(./upload/images/20160425164911.jpg) no-repeat center top
        }
    </style>
</head>

<style>
    li a {
        line-height: 50px;
        font-size: 20px;
        color: white;
    }

    .row {
        margin-right: -15px;
        margin-left: +55px;
    }

    .featurette-divider {
        margin: 80px 0;
    }

    .img-circle {
        border-radius: 50%;
    }

    img {
        vertical-align: middle;
    }

    .h2,
    h2 {
        font-size: 30px;
    }

    .h1,
    .h2,
    .h3,
    h1,
    h2,
    h3 {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
    }

    p {
        display: block;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
    }

    .btn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: 400;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .footdiv {
    width: 100%;
    font-family: Arial;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    color: rgb(7, 69, 7);
    display: block;
    margin: 0;
    padding: 0;
    padding: 0;
    margin: 0 auto;
    background-color: #5dd6ab;
    /* background-color: #3A896D; */
    font-size: 22px;
    font-family: Arial;
    -webkit-text-size-adjust: none;
} 
</style>

<body style="background-image: url(img/14.jpg);background-size: 100% 100%;">
    <div id="navigator">
        <a id="systemName" href="index.html" style="color: white;">
            <b>湖南省主要珍稀植物管理信息系统</b>
        </a>

    </div>
    <div class="container-fluid pt-3 mt-2">
        <div class="row">
            <div id="nav-side" class="col-md-2 pl-0 ml-0">
                <ul class="nav flex-column navbar-dark pl-0 ml-3">
                    <!-- 带下拉的导航 -->
                    <li class="nav-item">
                        <a href="index.html" class="nav-link">首页</a>
                    </li>
                    <li class="nav-item">
                        <a href="dynamics.html" class="nav-link">保护动态</a>
                    </li>
                    <li class="nav-item">
                        <a href="policy.html" class="nav-link">政策法规</a>
                    </li>


                   

                </ul>
            </div>
            <div class="pl-3 ml-3 col-md-9">
                <!-- b4-carousel -->
                <div id="carouselId" class="carousel slide" data-ride="carousel" data-interval="1500">
                    <!--  -->
                    <ol class="carousel-indicators">
                        <li data-target="#carouselId" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselId" data-slide-to="1"></li>
                        <li data-target="#carouselId" data-slide-to="2"></li>
                        <li data-target="#carouselId" data-slide-to="3"></li>
                        <li data-target="#carouselId" data-slide-to="4"></li>
                        <li data-target="#carouselId" data-slide-to="5"></li>
                    </ol>
                    <!-- 这是图片集合 -->
                    <div class="carousel-inner" role="listbox">
                        <div class="carousel-item active">
                            <img src="img/2.jpg" alt="First slide" width="100%" height="600px">
                            <div class="carousel-caption d-none d-md-block">
                                <h3>珙桐</h3>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <img src="img/3.jpg" alt="First slide" width="100%" height="600px">
                            <div class="carousel-caption d-none d-md-block">
                                <h3>白鹭兰</h3>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <img src="img/4.jpg" alt="First slide" width="100%" height="600px">
                            <div class="carousel-caption d-none d-md-block">
                                <h3>红豆杉</h3>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <img src="img/5.jpg" alt="First slide" width="100%" height="600px">
                            <div class="carousel-caption d-none d-md-block">
                                <h3>秤锤树</h3>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <img src="img/6.jpg" alt="First slide" width="100%" height="600px">
                            <div class="carousel-caption d-none d-md-block">
                                <h3>金钱松</h3>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <img src="img/7.jpg" alt="First slide" width="100%" height="600px">
                            <div class="carousel-caption d-none d-md-block">
                                <h3>水杉</h3>
                            </div>
                        </div>
                    </div>
                    <!-- 这两个标签 -->
                    <a class="carousel-control-prev" href="#carouselId" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carouselId" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>

                </div>



            </div>
        </div>

        <div id="navigator">
            <a id="systemName" href="index.html" style="color: white;">
                <b>植物索引</b>
            </a>
        </div>



        <div class="container ">


            <ul class="nav nav-tabs ">
                <li class="active"><a data-toggle="tab" href="#home" class="daohang">主页</a></li>
                <li class="active"><a data-toggle="tab" href="#menu1" class="daohang">热门植物</a></li>
                <li><a data-toggle="tab" href="#menu2">资源提交</a></li>
           
           
 

                                    
                <li><a data-toggle="tab" href="#menu3" class="daohang">基本情况</a></li>
            </ul>
            <nav class="navbar navbar-default" role="navigation">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <a class="navbar-brand sousuo" href="#suoyin">植物大全</a>
                    </div>
                    <div>
                        <form class="navbar-form navbar-left" role="search">
                            <div class="form-group">
                                <input type="text" class="form-control" placeholder="Search">
                            </div>
                            <button type="submit" class="btn btn-default sousuo">搜索</button>
                        </form>
                        </form>
                         <ul class="nav navbar-nav navbar-right">             
           
            
        </ul>
                    </div>

                </div>
            </nav>
            <div class="tab-content">

<div id="home" class="tab-pane fade in active">

                    <div class="panel panel-warning">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <button type="button" class="btn btn-primary btn-info btn-lg" data-toggle="collapse"
                                    href="#demo"> <span class="glyphicon glyphicon-heart"></span>
                                    Bryophyta 苔藓植物门
                                </button>
                            </h4>
                        </div>
                        <div id="demo" class="panel-collapse collapse">
                            <div class="panel-body">
                                <div class="homebox">
                                    <div class="mainleft">
                                        <div class="cont">
                                            <div class="title"></div>
                                            <div class="leftmenu">
                                                <li><span class="open"><a href="show_sort.php?id=1339"
                                                            target="rightcontent" style="color: black;">Bryophyta 苔藓植物门</a></span>
                                                    <ul>
                                                        <li><span class="open"><a href="show_sort.php?id=1340"
                                                                    target="rightcontent" style="color: black;">Anthocerotaceae 角苔科</a></span>

                                                            <ul>
                                                                <li><span class="open"><a href="show_sort.php?id=1373"
                                                                            target="rightcontent" style="color: black;">Anthoceros　L.
                                                                            角苔属</a></span>
                                                                    <ul>
                                                                        <li><a href="show_article.php?id=6425"
                                                                                target="_blank" style="color: black;">角苔</a></li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1341"
                                                                    target="rightcontent" style="color: black;">Plagiochilaceae 羽苔科</a></span>

                                                            <ul>
                                                                <li><span class="open"><a href="show_sort.php?id=1374"
                                                                            target="rightcontent" style="color: black;">Plagiochila Dumort
                                                                            羽苔属</a></span>
                                                                    <ul>
                                                                        <li><a href="show_article.php?id=6422"
                                                                                target="_blank" style="color: black;">羽苔</a></li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1342"
                                                                    target="rightcontent" style="color: black;">Jungermanniaceae
                                                                    叶苔科</a></span>

                                                            <ul>
                                                                <li><span class="open"><a href="show_sort.php?id=1375"
                                                                            target="rightcontent" style="color: black;">Jungermannia L.
                                                                            叶苔属</a></span>
                                                                    <ul>
                                                                        <li><a href="show_article.php?id=6424"
                                                                                target="_blank" style="color: black;">叶苔</a></li>
                                                                    </ul>
                                                                </li>
                                                            </ul>
                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1343"
                                                                    target="rightcontent" style="color: black;">Radulaceae 扁萼苔科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1344"
                                                                    target="rightcontent" style="color: black;">Porellaceae 光萼苔科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1345"
                                                                    target="rightcontent" style="color: black;">Conocephalaceae 蛇苔科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1346"
                                                                    target="rightcontent" style="color: black;">Marchantiaceae 地钱科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1347"
                                                                    target="rightcontent" style="color: black;">Ditrichaceae 牛毛藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1348"
                                                                    target="rightcontent" style="color: black;">Dicranaceae 曲尾藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1349"
                                                                    target="rightcontent" style="color: black;">Fissidentaceae 凤尾藓科</a></span>

                                                            <ul>
                                                                <li><span class="open"><a href="show_sort.php?id=1372"
                                                                            target="rightcontent"  style="color: black;">Fissidens Hedw.
                                                                            凤尾藓属</a></span>
                                                                </li>
                                                            </ul>
                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1350"
                                                                    target="rightcontent" style="color: black;">Encalyptaceae 大帽藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1351"
                                                                    target="rightcontent" style="color: black;">Pottiaceae 丛藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1352"
                                                                    target="rightcontent" style="color: black;">Grimmiaceae 紫萼藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1353"
                                                                    target="rightcontent" style="color: black;">Ptychomitriaceae
                                                                    缩叶藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1354"
                                                                    target="rightcontent" style="color: black;">Bryaceae 真藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1355"
                                                                    target="rightcontent" style="color: black;">Mniaceae 提灯藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1356"
                                                                    target="rightcontent" style="color: black;">Funariaceae 葫芦藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1357"
                                                                    target="rightcontent" style="color: black;">Erpodiaceae 树生藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1358"
                                                                    target="rightcontent" style="color: black;">Orthotrichaceae
                                                                    木灵藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1359"
                                                                    target="rightcontent" style="color: black;">Hedwigiaceae 虎尾藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1361"
                                                                    target="rightcontent" style="color: black;">Climaciaceae 万年藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1362"
                                                                    target="rightcontent" style="color: black;">Theliaceae 鳞藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1363"
                                                                    target="rightcontent" style="color: black;">Fabroniaceae 碎米藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1364"
                                                                    target="rightcontent" style="color: black;">Leskeaceae 薄罗藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1366"
                                                                    target="rightcontent" style="color: black;">Thuidiaceae 羽藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1367"
                                                                    target="rightcontent" style="color: black;">Amblystegiaceae
                                                                    柳叶藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1368"
                                                                    target="rightcontent" style="color: black;">Brachyhytheciaceae
                                                                    青藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1369"
                                                                    target="rightcontent" style="color: black;">Entodontaceae 绢藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1370"
                                                                    target="rightcontent" style="color: black;">Hypnaceae 灰藓科</a></span>

                                                        </li>

                                                        <li><span class="open"><a href="show_sort.php?id=1371"
                                                                    target="rightcontent" style="color: black;">Polytrichum commune
                                                                    金发藓科</a></span>

                                                        </li>

                                                    </ul>
                                                </li>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>



                

                    <div id="home" class="tab-pane fade in active">
                        <div class="panel panel-warning">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <button type="button" class="btn btn-primary btn-info btn-lg" data-toggle="collapse"
                                        data-target="#dmo"><span class="glyphicon glyphicon-heart"></span>
                                        Pteridophyta 蕨类植物门
                                    </button>
                                </h4>
                            </div>
                            <div id="dmo" class="panel-collapse collapse">
                                <div class="panel-body">
                                    ...
                                </div>
                            </div>


                        </div>
                    </div>
                    <div id="home" class="tab-pane fade in active">
                        <div class="panel panel-warning">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <button type="button" class="btn btn-primary btn-info btn-lg" data-toggle="collapse"
                                        href="#ddmo"><span class="glyphicon glyphicon-heart"></span>
                                        Gymnospermae 裸子植物门
                                    </button>
                                </h4>
                            </div>
                            <div id="ddmo" class="panel-collapse collapse">
                                <div class="panel-body">
                                    ...
                                </div>
                            </div>

                        </div>
                    </div>
                    <div id="home" class="tab-pane fade in active">
                        <div class="panel panel-warning">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <button type="button" class="btn btn-primary btn-info btn-lg" data-toggle="collapse"
                                        data-target="#dddmo"><span class="glyphicon glyphicon-heart"></span>
                                        Angiospermae 被子植物门
                                    </button>
                                </h4>
                            </div>
                            <div id="dddmo" class="panel-collapse collapse">
                                <div class="panel-body">
                                    ...
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div id="menu1" class="tab-pane fade ">
                    <div class="container">
                        <div class="tab-content">
                            <div class="row clearfix">
                                <div class="col-md-12 column">
                                    <div class="carousel slide" id="carousel-214589">
                                        <ol class="carousel-indicators">
                                            <li data-slide-to="0" data-target="#carousel-214589">
                                            </li>
                                            <li data-slide-to="1" data-target="#carousel-214589">
                                            </li>
                                            <li data-slide-to="2" data-target="#carousel-214589" class="active">
                                            </li>
                                        </ol>
                                        <div class="carousel-inner">
                                            <div class="item">
                                                <img alt="" src="1.jpg" />
                                                <div class="carousel-caption">
                                                    <h4>
                                                        First Thumbnail label
                                                    </h4>
                                                    <p>
                                                        Cras justo odio, dapibus ac facilisis in, egestas eget quam.
                                                        Donec id elit non mi porta gravida at eget metus. Nullam id
                                                        dolor id nibh ultricies vehicula ut id elit.
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="item">
                                                <img alt="" src="2.jpg" />
                                                <div class="carousel-caption">
                                                    <h4>
                                                        Second Thumbnail label
                                                    </h4>
                                                    <p>
                                                        Cras justo odio, dapibus ac facilisis in, egestas eget quam.
                                                        Donec id elit non mi porta gravida at eget metus. Nullam id
                                                        dolor id nibh ultricies vehicula ut id elit.
                                                    </p>
                                                </div>
                                            </div>
                                            <div class="item active">
                                                <img alt="" src="3.jpg" />
                                                <div class="carousel-caption">
                                                    <h4>
                                                        Third Thumbnail label
                                                    </h4>
                                                    <p>
                                                        Cras justo odio, dapibus ac facilisis in, egestas eget quam.
                                                        Donec id elit non mi porta gravida at eget metus. Nullam id
                                                        dolor id nibh ultricies vehicula ut id elit.
                                                    </p>
                                                </div>
                                            </div>
                                        </div> <a class="left carousel-control" href="#carousel-214589"
                                            data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
                                        <a class="right carousel-control" href="#carousel-214589"
                                            data-slide="next"><span
                                                class="glyphicon glyphicon-chevron-right"></span></a>
                                    </div>
                                    <a id="modal-531891" href="#modal-container-531891" role="button" class="btn" data-toggle="modal">触发遮罩窗体</a>
			
			<div class="modal fade" id="modal-container-531891" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
							<h4 class="modal-title" id="myModalLabel">
								标题
							</h4>
						</div>
						<div class="modal-body">
							内容...
						</div>
						<div class="modal-footer">
							 <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary">保存</button>
						</div>
					</div>
					
				</div>
				
			</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="menu2" class="tab-pane fade">
                	<div id="menu4" class="tab-pane fade in active">
                        <div class="panel panel-warning">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <button type="button" class="btn btn-primary btn-info btn-lg" data-toggle="collapse"
                                        data-target="#d1mo"><span class="glyphicon glyphicon-heart"></span>
                                                                                           用户管理
                                    </button>
                                </h4>
                            </div>
                            <div id="d1mo" class="panel-collapse collapse">
                                <div class="panel-body">
                                   <li><span class="open"><a href="user.html"
                                                                    target="_self" style="color: black;">Polytrichum commune
                                                                    查看用户</a></span>

                                                        </li>
                                                        <li><span class="open"><a href="adduser.html"
                                                                    target="_self" style="color: black;">Polytrichum commune
                                                                    添加用户</a></span>

                                                        </li>
                                </div>
                                
                            </div>


                        </div>
                    </div>
                	 
                	 <div id="menu5" class="tab-pane fade in active">
                        <div class="panel panel-warning">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <button type="button" class="btn btn-primary btn-info btn-lg" data-toggle="collapse"
                                        data-target="#d2mo"><span class="glyphicon glyphicon-heart"></span>
                                                                                           植物管理
                                    </button>
                                </h4>
                            </div>
                            <div id="d2mo" class="panel-collapse collapse">
                                <div class="panel-body">
                                   <li><span class="open"><a href="plant.html"
                                                                    target="_self" style="color: black;">Polytrichum commune
                                                                    查看植物</a></span>

                                                        </li>
                                                        <li><span class="open"><a href="addplant.html"
                                                                    target="_self" style="color: black;">Polytrichum commune
                                                                    添加植物</a></span>

                                                        </li>
                                </div>
                                
                            </div>


                        </div>
                    </div>
                  
                    <form class="form-inline" role="form">
                        <div class="form-group">
                            <label class="sr-only" for="name">名称</label>
                            <input type="text" class="form-control" id="name" placeholder="请输入名称">
                        </div>
                        <div class="form-group">
                            <label class="sr-only" for="inputfile">文件输入</label>
                            <input type="file" id="inputfile">
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox"> 请打勾
                            </label>
                        </div>
                        <button type="submit" class="btn btn-default">提交</button>
                    </form>
                    

                </div>
                <div id="menu3" class="tab-pane fade">
                    <h3>菜单 3</h3>
                    <p>这是菜单 3 显示的内容。这是菜单 3 显示的内容。这是菜单 3 显示的内容。</p>
                </div>
            </div>
        </div>
    </div>


    <div class="footdiv">
        湖南珍稀濒危植物信息系统 © 2022 版权所有 中南林业科技大学
        <!-- &nbsp;&nbsp;&nbsp;&nbsp; -->
        <script type="text/javascript">var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
            document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fb4979f700f0c20e8d06bf352ba97189c' type='text/javascript'%3E%3C/script%3E"));
        </script>
        <script src=" https://hm.baidu.com/h.js?b4979f700f0c20e8d06bf352ba97189c" type="text/javascript"></script>
        <!-- <a href="http://tongji.baidu.com/hm-web/welcome/ico?s=b4979f700f0c20e8d06bf352ba97189c" target="_blank" >网站统计</a> -->

    </div>
    
</body>
<script type="text/javascript">
    $(function () {
        $('#collapseFour').collapse({
            toggle: false
        })
    });
    $(function () { $('#collapseTwo').collapse('show') });
    $(function () { $('#collapseThree').collapse('toggle') });
    $(function () { $('#collapseOne').collapse('hide') });
</script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
    integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
    crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
    crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
    crossorigin="anonymous"></script>


</html>